<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>index</title>

    <script src="index.js"></script>
    <script src="http://www.ihuyue.cn/2017_newyear/ls/js/rem.js"></script>
  </head>
  <body  class="recharge-bg" style="display: none;">
    <section id="app" class="recharge-wrap" v-cloak>
      <div class="circle">
        <img class="logo" src="http://www.ihuyue.cn/2017_newyear/ls/img/recharge-logo.png" alt="">
      </div>
      <!-- 充值中 -->
      <div class="recharge-ing hide J_Czz">
        <h2 class="title">为您充值中……</h2>
        <p class="dec mg24">预计15分钟内到账，请耐心等待</p>
      </div>

      <!-- 充值失败 -->
      <div class="recharge  J_Recharge">
        <div class="fail-text">充值失败，再试一次吧！</div>
        <div class="btn-wrap">
          <div class="btn btn-on" card_type="1">中石油</div>
          <div class="btn" card_type="2">中石化</div>
        </div>
        <div class="recharge-card">
          <span class="text">加油卡号</span>
          <input v-model="applyId" name="apply_id" class="recharge-input" type="hidden">
          <input @input="chageIsSubmit" name="card_no" class="J_Card_no recharge-input" type="text">
        </div>
        <a v-if="!isSubmit" class="submit J_Submit noClick" href="#">立即充值</a>
        <a v-if="isSubmit" class="submit J_Submit" href="#">立即充值</a>
      </div>
      <!-- 充值成功 -->
      <div class="recharge-ing hide J_Czzg">
        <p class="dec">为您指定中石油油卡[{{oilCode}}]</p>
        <h2 class="title mg24">充值成功！</h2>
      </div>
    </section>
    <!-- built files will be auto injected -->
    <script>
        var $CONFIG={};
        $CONFIG.page = {};
        $CONFIG.page.applyId ='123', //applyId
        $CONFIG.page.oilCode = '123' //成功的油卡号
    </script>
  </body>

</html>
